<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>插件</title>
		<script type="text/javascript" src="../js/vue.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
		<script type="text/javascript" src="./atguigu.js"></script>
	</head>
	<body>
		<!-- 
				Vue中的插件
						1.是什么？—— Vue中的插件就是一个包含install方法的一般对象。
						2.有什么用？ —— 增强Vue
		 -->
		<!-- 准备好一个容器-->
		<div id="root">
			<h2 v-lower-text="a"></h2>
			<h2>{{t | dateFormater}}</h2>
			<h2>{{$random()}}</h2>
			<button @click="test">点我</button>
		</div>
	</body>

	<script type="text/javascript">
		Vue.config.productionTip = false
		//应用atguigu这个插件
		Vue.use(atguigu,100,200,300)

		const vm = new Vue({
			el:'#root',
			data:{
				a:'ABCdef',
				t:Date.now()
			}
		})
		console.log(vm)

	</script>
</html>